Manage Focus Yourself

Manage Focus Yourself Quiz

As mentioned in previous video, your goal for this exercise is to make each heading property focused when the user clicks a navigation link. Feel free to use the workspace below to complete this exercise. You are also welcome to work locally in your favorite code editor as well, using the files from the 03-managing-focus folder from this course's GitHub repository.

Running the Local Server

To run this exercise you'll also need to use a local server. The easiest way to do
so is to use the Web Server for Chrome extension. Make sure your settings look like this:

Previewing the App

Under the heading that says "Web Server URL(s)" click the first link to preview the app on your local server.

Where to Begin?

Take a look at the scripts/main.js file to figure out how the route is updated and to determine when you would need to step in and manage focus.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: html-live
Opened files (when workspace is loaded): n/a

Solution

Feel free to check your work against the files in the solution folder above. Here's how we did it: